<template>
  <div id="app">
    <top></top>
    <router-view/>
    <footerindex></footerindex>
  </div>
</template>

<script>
  import  footerindex from './components/footer/footer'
  import top from './components/top'
  export default {
    name: 'app',
    components:{
      top,footerindex
    }
  }
</script>

<style>
  body{
    margin: 0;
  }
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    background-color: #ededed;
  }
  a:hover{
    box-shadow: inset 0 0 38px rgba(0,0,0,.08);
    transition: all .15s ease;
  }
 .alignnone{
   width: 100%;
   height: auto;
 }
  .page > p {
    line-height: 1.8;
    overflow: hidden;
    margin: .6em 0;
  }

</style>

